<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/channelRank.css">
    <title>Document</title>
</head>
<body>
        <!-- 女频首页头 -->
<div class="channel_header">
    <div class="channel_header_bg">
        <img src="https://c.hotread.com/girlPc/assets/images/newGirlLogo.png" alt="">
        <div class="hotreadAndGirl">
            <span class="on">火星女频</span>
            <span>|</span>
            <span onclick="jumpShouye()">火星小说</span>
        </div>
        <div class="search-content">
            <input type="text" placeholder="弥楼芳时" class="search-text" id="searchInput">
            <img src="../img/channel_search.png" alt="" id="searchBtn">
        </div>
        <div class="main-login">
            <div>
                <span>充值</span>
                <span>|</span>
                <span>书架</span>
            </div>
            <div>
                <span onclick="login()">登录</span>
                <span>|</span>
                <span>注册</span>
            </div>
        </div>
    </div>
</div>
    <div class="hotr-nav">
        <div class="nav-main">
            <ul class="win-head">
                <li onclick="jumpNv()">
                    首页
                </li>
                <li onclick="jumpNvbook()">
                    书库
                </li>
                <li onclick="jumpNvrank()" class="on">
                    排行榜
                </li>
                <li onclick="jumpGirlCopyRight()">
                    优质版权
                </li>
            </ul>
            <div class="download">
                <p>下载APP</p>
                <span>|</span>
                <p onclick="jumpAuthor()">作者中心</p>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="leftnav">
            <div class="top">排行榜</div>
            <ul class="dt">
                <li class="dd change">积分榜</li>
                <li class="dd">月票榜</li>
                <li class="dd">打赏榜</li>
                <li class="dd">订阅榜</li>
                <li class="dd">销量榜</li>
                <li class="dd">星光榜</li>
                <li class="dd">新书榜</li>
                <li class="dd">土豪榜</li>
            </ul>
        </div>
        <div class="rightcont">
            <div class="content">
                <ul class="ranklist">
                    <!-- <div class="whel">
                        <ul class="wlist">
                            <li class="ltitle">
                                <span class="span1">排名</span>
                                <span class="span2">头像</span>
                                <span class="span3">昵称</span>
                                <span class="span4">阅读时长</span>
                            </li>
                            <li class="girhover">
                                <span class="spanl1">
                                    01
                                    <i class="champion"></i>
                                </span>
                                <span class="spanl2">
                                    <img src="https://p2.duyao001.com/image/user/bdb5ef0b39913fa2661e6c53f69ab88b_150x150.jpg" alt="">
                                </span>
                                <span class="spanl3">海绵宝宝456</span>
                                <span class="spanl4">16104分钟</span>
                            </li>
                            <li class="girhover2">
                                <span class="spanl1">
                                    02
                                    <i class="champion"></i>
                                </span>
                                <span class="spanl2">
                                    <img src="https://p2.duyao001.com/image/user/fd06d03c119f8dde77ab012580a65d07_150x150.jpg" alt="">
                                </span>
                                <span class="spanl3">墨盈裳</span>
                                <span class="spanl4">16104分钟</span>
                            </li>
                            <li class="girhover3">
                                <span class="spanl1">
                                    02
                                    <i class="champion"></i>
                                </span>
                                <span class="spanl2">
                                    <img src="https://p2.duyao001.com/image/user/fd06d03c119f8dde77ab012580a65d07_150x150.jpg" alt="">
                                </span>
                                <span class="spanl3">海绵宝宝456</span>
                                <span class="spanl4">16104分钟</span>
                            </li>
                        </ul>
                    </div> -->
                </ul>
            </div>
        </div>
    </div>
</body>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="../js/channelRank.js"></script>
</html>